* {
  margin: 0px;
  padding: 0px;
}

button {
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  outline: none;
  background-color: transparent;
}

input:focus {
  outline: none;
}

button:active {
  opacity: 0.6;
}

ul,
ol,
li {
  list-style: none;
  /*清除列表风格*/
}

a {
  color: inherit;
  text-decoration: none;
}

body {
  margin: 0 auto !important;
  position: relative;
  max-width: 750px;
  min-width: 320px;
  background-color: #f4f4f4;
}
#__nuxt {
  overflow: hidden;
}

.divhidden {
  display: none !important;
}

.divshow {
  display: block !important;
}

/*圆角*/
.br6 {
  border-radius: 0.06rem !important;
}

.br8 {
  border-radius: 0.08rem !important;
}

.br10 {
  border-radius: 0.1rem !important;
}

.br12 {
  border-radius: 0.12rem !important;
}

.br20 {
  border-radius: 0.2rem !important;
}

.br24 {
  border-radius: 0.24rem !important;
}
.br28 {
  border-radius: 0.28rem !important;
}

.br30 {
  border-radius: 0.3rem !important;
}
.br48 {
  border-radius: 0.48rem !important;
}

.br50p {
  border-radius: 50%;
}

/*字体大小*/
.fz16 {
  font-size: 0.16rem !important;
}

.fz18 {
  font-size: 0.18rem !important;
}

.fz20 {
  font-size: 0.2rem !important;
}

.fz22 {
  font-size: 0.22rem !important;
}

.fz24 {
  font-size: 0.24rem !important;
}

.fz26 {
  font-size: 0.26rem !important;
}

.fz28 {
  font-size: 0.28rem !important;
}

.fz30 {
  font-size: 0.3rem !important;
}

.fz32 {
  font-size: 0.32rem !important;
}

.fz34 {
  font-size: 0.34rem !important;
}

.fz35 {
  font-size: 0.35rem !important;
}

.fz36 {
  font-size: 0.36rem !important;
}

.fz38 {
  font-size: 0.38rem !important;
}

.fz40 {
  font-size: 0.4rem !important;
}

.fz48 {
  font-size: 0.48rem !important;
}

/*margin距离*/

.mt5 {
  margin-top: 0.05rem !important;
}

.mr5 {
  margin-right: 0.05rem !important;
}

.mb5 {
  margin-bottom: 0.05rem !important;
}

.ml5 {
  margin-left: 0.05rem !important;
}

.mt10 {
  margin-top: 0.1rem !important;
}

.mr10 {
  margin-right: 0.1rem !important;
}

.mb10 {
  margin-bottom: 0.1rem !important;
}

.ml10 {
  margin-left: 0.1rem !important;
}

.mt15 {
  margin-top: 0.15rem !important;
}

.ml15 {
  margin-left: 0.15rem !important;
}

.mr15 {
  margin-right: 0.15rem !important;
}

.mb15 {
  margin-bottom: 0.15rem !important;
}

.mt16 {
  margin-top: 0.16rem !important;
}

.ml16 {
  margin-left: 0.16rem !important;
}

.mr16 {
  margin-right: 0.16rem !important;
}

.mb16 {
  margin-bottom: 0.16rem !important;
}

.mt20 {
  margin-top: 0.2rem !important;
}

.ml20 {
  margin-left: 0.2rem !important;
}

.mr20 {
  margin-right: 0.2rem !important;
}

.mb20 {
  margin-bottom: 0.2rem !important;
}

.mt25 {
  margin-top: 0.25rem !important;
}

.mr25 {
  margin-right: 0.25rem !important;
}

.mb25 {
  margin-bottom: 0.25rem !important;
}

.ml25 {
  margin-left: 0.25rem !important;
}

.mt30 {
  margin-top: 0.3rem !important;
}

.mr30 {
  margin-right: 0.3rem !important;
}

.mb30 {
  margin-bottom: 0.3rem;
}

.ml30 {
  margin-left: 0.3rem !important;
}

.mt35 {
  margin-top: 0.35rem !important;
}

.mr35 {
  margin-right: 0.35rem !important;
}

.mt40 {
  margin-top: 0.4rem !important;
}

.mr40 {
  margin-right: 0.4rem !important;
}

.mb40 {
  margin-bottom: 0.4rem !important;
}

.ml40 {
  margin-left: 0.4rem !important;
}

.mt45 {
  margin-top: 0.45rem !important;
}

.mb45 {
  margin-bottom: 0.45rem !important;
}

.ml45 {
  margin-left: 0.45rem !important;
}

.mr45 {
  margin-right: 0.45rem !important;
}

.mt48 {
  margin-top: 0.48rem !important;
}

.mb48 {
  margin-bottom: 0.48rem !important;
}

.ml48 {
  margin-left: 0.48rem !important;
}

.mr48 {
  margin-right: 0.48rem !important;
}

.mt50 {
  margin-top: 0.5rem !important;
}

.mb50 {
  margin-bottom: 0.5rem !important;
}

.mt55 {
  margin-top: 0.55rem !important;
}

.mr55 {
  margin-right: 0.55rem !important;
}

.mb55 {
  margin-bottom: 0.55rem !important;
}

.ml55 {
  margin-left: 0.55rem !important;
}

.mt60 {
  margin-top: 0.6rem !important;
}

.mb60 {
  margin-bottom: 0.6rem !important;
}

/*padding*/
.pt10 {
  padding-top: 0.1rem !important;
}

.pr10 {
  padding-right: 0.1rem !important;
}

.pb10 {
  padding-bottom: 0.1rem !important;
}

.pl10 {
  padding-left: 0.1rem !important;
}

.pt15 {
  padding-top: 0.15rem !important;
}

.pl15 {
  padding-left: 0.15rem !important;
}

.pr15 {
  padding-right: 0.15rem !important;
}

.pb15 {
  padding-bottom: 0.15rem !important;
}

.pt20 {
  padding-top: 0.2rem !important;
}

.pl20 {
  padding-left: 0.2rem !important;
}

.pr20 {
  padding-right: 0.2rem !important;
}

.pb20 {
  padding-bottom: 0.2rem !important;
}

.pt24 {
  padding-top: 0.24rem !important;
}

.pl24 {
  padding-left: 0.24rem !important;
}

.pr24 {
  padding-right: 0.24rem !important;
}

.pb24 {
  padding-bottom: 0.24rem !important;
}
.pt25 {
  padding-top: 0.25rem !important;
}

.pl25 {
  padding-left: 0.25rem !important;
}

.pr25 {
  padding-right: 0.25rem !important;
}

.pb25 {
  padding-bottom: 0.25rem !important;
}

.pt30 {
  padding-top: 0.3rem !important;
}

.pl30 {
  padding-left: 0.3rem !important;
}

.pr30 {
  padding-right: 0.3rem !important;
}

.pb30 {
  padding-bottom: 0.3rem !important;
}

.pb35 {
  padding-bottom: 0.35rem !important;
}

.pt40 {
  padding-top: 0.4rem !important;
}

.pl40 {
  padding-left: 0.4rem !important;
}

.pr40 {
  padding-right: 0.4rem !important;
}

.pb40 {
  padding-bottom: 0.4rem !important;
}

.pt45 {
  padding-top: 0.45rem !important;
}

.pl45 {
  padding-left: 0.45rem !important;
}

.pr45 {
  padding-right: 0.45rem !important;
}

.pb45 {
  padding-bottom: 0.45rem !important;
}

.pt50 {
  padding-top: 0.5rem !important;
}

.pl50 {
  padding-left: 0.5rem !important;
}

.pr50 {
  padding-right: 0.5rem !important;
}

.pb50 {
  padding-bottom: 0.5rem !important;
}

/*背景颜色*/

.bg000 {
  background-color: #000;
}

.bg333 {
  background-color: #333;
}

.bg666 {
  background-color: #666;
}

.bg999 {
  background-color: #999;
}

.bgfff {
  background-color: #fff !important;
}
.bgF4{
background-color: #F4F4F4;
}
.bgeee {
  background-color: #eee;
}

.bgddd {
  background-color: #ddd;
}

.bgccc {
  background-color: #ccc;
}

.bgbbb {
  background-color: #bbb;
}

.bgaaa {
  background-color: #aaa;
}

.bgf2f2f2 {
  background-color: #f2f2f2;
}

.bg0078ff {
  background-color: #0078ff !important;
}

.bgf0efe2 {
  background-color: #f0efe2;
}

/*边框*/

.bordernone {
  border: none !important;
}

/*横排*/
.whsnowrap {
  white-space: nowrap;
}

/* 英文换行 */
.wordbw {
  word-wrap: break-word;
  word-break: break-all;
}

/*flex布局*/
.flex-col {
  display: flex;
  flex-direction: column;
}

.flex-row {
  display: flex;
  flex-direction: row !important;
}

.justify-start {
  display: flex;
  justify-content: flex-start;
}

.justify-center {
  display: flex;
  justify-content: center;
}

.justify-end {
  display: flex;
  justify-content: flex-end;
}

.justify-evenly {
  display: flex;
  justify-content: space-evenly;
}

.justify-around {
  display: flex;
  justify-content: space-around;
}

.justify-between {
  display: flex;
  justify-content: space-between;
}

.align-start {
  display: flex;
  align-items: flex-start;
}

.align-center {
  display: flex;
  align-items: center;
}

/*移动到最后面*/

.align-end {
  display: flex;
  align-items: flex-end;
}

/*垂直居中，水平居中*/

.flex-row-center {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.flex-col-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex1 {
  flex: 1;
}

/*字体颜色*/
.color000 {
  color: #000;
}

.color333 {
  color: #333;
}

.color666 {
  color: #666;
}

.color999 {
  color: #999;
}

.colorfff {
  color: #fff;
}

.coloreee {
  color: #eee;
}

.colorddd {
  color: #ddd;
}

.colorccc {
  color: #ccc;
}

.colorbbb {
  color: #bbb;
}

.coloraaa {
  color: #aaa;
}

.color007 {
  color: #0078ff;
}

.colorc9b17f {
  color: #c9b17f;
}

.color02b7ca {
  color: #02b7ca;
}
.color303133 {
  color: #303133;
}
.color909399 {
  color: #909399;
}
.colorF90000 {
  color: #F90000;
}

/*字体宽度*/

.fwbold {
  font-weight: bold;
}

.fw400 {
  font-weight: 400;
}

/*高度*/

.widthauto {
  width: auto;
}

.heightauto {
  height: auto;
}

.width100p {
  width: 100%;
}

.height100p {
  height: 100%;
}

/*省略号*/
.lineclamp1 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.lineclamp2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.lineclamp3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.lineclamp4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

/*層級*/

.zindex1 {
  z-index: 1;
}

.zindex2 {
  z-index: 2;
}

.zindex5 {
  z-index: 5;
}

.zindex10 {
  z-index: 10;
}

.zindex20 {
  z-index: 20;
}

.zindex50 {
  z-index: 50;
}

.zindex100 {
  z-index: 100;
}

.zindex150 {
  z-index: 150;
}

.zindex300 {
  z-index: 300;
}

.zindex500 {
  z-index: 500;
}

.zindex1000 {
  z-index: 1000;
}

/*定位*/

.pos-rel {
  position: relative;
}

.pos-fixed {
  position: fixed;
}

.pos-abs {
  position: absolute;
}

/*字体位置*/

.tal {
  text-align: left;
}

.tar {
  text-align: right;
}

.tal {
  text-align: left;
}

.tac {
  text-align: center;
}

.text-al-right {
  text-align: right;
}

.text-al-center {
  text-align: center;
}

/*overflow*/

.ofhide {
  overflow: hidden;
}

.ofx {
  overflow-x: scroll;
}

.ofy {
  overflow-y: scroll;
}

.ofxw {
  overflow-x: scroll;
}

.ofyw {
  overflow-y: scroll;
}

.ofxw::-webkit-scrollbar {
  display: none;
}

.ofyw::-webkit-scrollbar {
  display: none;
}

/*浮动*/

.floatleft {
  float: left;
}

/*line-height*/

.lh1 {
  line-height: 1;
}

.lh1-2 {
  line-height: 1.2;
}

.lh1-4 {
  line-height: 1.4;
}

.lh1-6 {
  line-height: 1.6;
}

.lh1-8 {
  line-height: 1.8;
}

.lh2-0 {
  line-height: 2;
}

/*鼠标移动上去变成小手*/
.csp {
  cursor: pointer;
}

/*阴影遮罩*/

.popup {
  position: fixed;
  right: 0;
  width: 100%;
  height: 100vh;
  z-index: 99999999999999999;
  background: rgba(0, 0, 0, 0.5);
}

.popup_shadow {
  height: 100%;
  width: 100%;
}

.rotate180 {
  transform: rotate(180deg);
}

.borderbox {
  box-sizing: border-box;
}
/*浮动*/
.fr {
  float: right;
}
